<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>微书店主页</title>
	<link rel="stylesheet" href="__PUBLIC__/mobile/jquery.mobile-1.4.5.min.css">
	<link rel="stylesheet" href="__PUBLIC__/styles/home.css">
	<script src="__PUBLIC__/scripts/jquery.min.js"></script>
	<script src="__PUBLIC__/mobile/jquery.mobile-1.4.5.min.js"></script>
</head>

<body>

	<div data-role="page" >

		<include file="Common:toolbar" title="图书列表"/>
		<include file="Common:menu" />


		<main data-role="main" class="ui-content">
			<div class="search-box">
				<input type="search" />
			</div>
			<div class="content-box">
				<div class="sortable-box">
					
				</div>
				<ul data-role="listview" class="listview book-list" style="margin: 0;">
					<volist name="books" id="book">
					<li>
						<a href="{:U('/Home/Main/book', array('id'=>$book['id']))}">
							<img src="__ROOT__/Uploads/{$book.location}" alt="">
							<div class="book-item">
								<h4>{$book.name}</h4>
								<p>
									<span class="price-now">￥{$book.price_now}</span>
									<span class="price-normal color-gray"><s>￥{$book.price}</s></span>
								</p>
								<p class="pay-number color-gray">{$book.sell_count}人付款</p>
							</div>
						</a>
					</li>
					</volist>
				</ul>
			</div>
		</main><!-- // end main -->
	</div>
</body>
</html>
